<!DOCTYPE html>
<html>
<head>
	<?php echo $this->Html->charset(); ?>
	
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, , initial-scale=1.0">
	<meta name="description" content="Flowers Store">
	
	<title>
		<?php echo $title_for_layout; ?>
	</title>
	
	<?php
		echo $this->Html->meta('icon');

		echo $this->Html->css('livesearch');

		echo $this->Html->script('ga');
		echo $this->Html->script('cloudflare.min');
		
		echo $this->Html->css('bootstrap');
		echo $this->Html->css('bootstrap-responsive');
		echo $this->Html->css('cloud-zoom');
		echo $this->Html->css('stylesheet');
		echo $this->Html->css('font-awesome');

		echo $this->Html->css('slideshow');
		echo $this->Html->css('jquery.prettyPhoto');
		echo $this->Html->css('camera');
		echo $this->Html->css('superfish');
		echo $this->Html->css('responsive');
		echo $this->Html->css('photoswipe');
		echo $this->Html->css('jquery.bxslider');
		
		echo $this->Html->css('jquery-ui-1.8.16.custom');
		echo $this->Html->css('jquery.fancybox-1.3.4');
		echo $this->Html->css('colorbox');
		
		echo $this->Html->script('jquery-1.7.1.min');
		echo $this->Html->script('jquery-ui-1.8.16.custom.min');
		echo $this->Html->script('jquery.cookie');
		echo $this->Html->script('jquery.fancybox-1.3.4.pack');
		echo $this->Html->script('jquery.colorbox');
		echo $this->Html->script('jquery.jcarousel.min');
		echo $this->Html->script('jquery.cycle');
		echo $this->Html->script('bootstrap');
		echo $this->Html->script('tabs');
		echo $this->Html->script('common');
		echo $this->Html->script('jQuery.equalHeights');
		echo $this->Html->script('cloud-zoom.1.0.2');
		echo $this->Html->script('jquery.prettyPhoto');
		echo $this->Html->script('jscript_zjquery.anythingslider');
		echo $this->Html->script('script');
		echo $this->Html->script('jquery.nivo.slider.pack');
		echo $this->Html->script('jquery.mobile-events');
		echo $this->Html->script('superfish');		
		
		echo $this->fetch('meta');
		echo $this->fetch('css');
		echo $this->fetch('script');
	?>
	
	<script type="text/javascript">
		//<![CDATA[
		try{if (!window.CloudFlare) {var CloudFlare=[{verbose:0,p:0,byc:0,owlid:"cf",bag2:1,mirage2:0,oracle:0,paths:{cloudflare:"/cdn-cgi/nexp/dok8v=02fcfa4f56/"},atok:"9d0dff492b8e558469dbf65963c8e522",petok:"75d9dd72e568af40b007aaac6ef3c2e1f377fcc4-1394160100-1800",zone:"template-help.com",rocket:"0",apps:{"abetterbrowser":{"ie":"7"},"ga_key":{"ua":"UA-7078796-5","ga_bs":"2"}}}];var a=document.createElement("script"),b=document.getElementsByTagName("script")[0];a.async=!0;a.src="js/cloudflare.min.js";b.parentNode.insertBefore(a,b);}}catch(e){};
		//]]>
	</script>
	<script>
		if (navigator.userAgent.match(/Android/i)) {
		    var viewport = document.querySelector("meta[name=viewport]");
		}
		if(navigator.userAgent.match(/Android/i)){
		window.scrollTo(0,1);
		}
	</script> 
	
	<!--[if IE]>
		<script type="text/javascript" src="catalog/view/theme/theme324/js/fancybox/jquery.fancybox-1.3.4-iefix.js"></script>
		<![endif]-->
		<!--[if IE]>
		<script type="text/javascript" src="catalog/view/theme/theme324/js/html5.js"></script>
		<![endif]-->
		<!--[if lt IE 8]>
		<div style='clear:both;height:59px;padding:0 15px 0 15px;position:relative;z-index:10000;text-align:center;'><a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." /></a></div>
		<![endif]-->
		
		<!--[if !IE]>
		<script type="text/javascript" src="catalog/view/theme/theme324/js//sl/jquery.mobile.customized.min.js"></script>
		<![endif]-->
		<!--[if IE]>
		<script type="text/javascript" src="catalog/view/theme/theme324/js//sl/jscript_zjquery.anythingslider.js"></script>
		<![endif]-->
		<script type="text/javascript" src="js/camera.js"></script>
		<!-- bx-slider -->
		<script type="text/javascript" language="javascript" src="js/jquery.bxslider.js"></script>
		<!-- photo swipe -->
		<script type="text/javascript" language="javascript" src="js/klass.min.js"></script>
		<script type="text/javascript" language="javascript" src="js/code.photoswipe.jquery-3.0.5.js"></script>
		<!--[if  IE 8]>
		<style>
			.success, #header #cart .content  { border:1px solid #e7e7e7;}
		</style>
		<![endif]-->
		<!--[if  IE 8]>
		<link rel="stylesheet" type="text/css" href="catalog/view/theme/theme324/stylesheet/ie7.css" />
		<![endif]-->
		<!--[if lt IE 7]>
		<link rel="stylesheet" type="text/css" href="catalog/view/theme/theme324/stylesheet/ie6.css" />
		<script type="text/javascript" src="catalog/view/javascript/DD_belatedPNG_0.0.8a-min.js"></script>
		<script type="text/javascript">
			DD_belatedPNG.fix('#logo img');
		</script>
		<![endif]-->
		<link rel="stylesheet" type="text/css" href="css/livesearch.css">
		<script type="text/javascript">
			/* <![CDATA[ */
			var _gaq = _gaq || [];
			_gaq.push(['_setAccount', 'UA-7078796-5']);
			_gaq.push(['_trackPageview']);
			
			(function() {
			var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
			ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
			var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
			})();
			
			(function(b){(function(a){"__CF"in b&&"DJS"in b.__CF?b.__CF.DJS.push(a):"addEventListener"in b?b.addEventListener("load",a,!1):b.attachEvent("onload",a)})(function(){"FB"in b&&"Event"in FB&&"subscribe"in FB.Event&&(FB.Event.subscribe("edge.create",function(a){_gaq.push(["_trackSocial","facebook","like",a])}),FB.Event.subscribe("edge.remove",function(a){_gaq.push(["_trackSocial","facebook","unlike",a])}),FB.Event.subscribe("message.send",function(a){_gaq.push(["_trackSocial","facebook","send",a])}));"twttr"in b&&"events"in twttr&&"bind"in twttr.events&&twttr.events.bind("tweet",function(a){if(a){var b;if(a.target&&a.target.nodeName=="IFRAME")a:{if(a=a.target.src){a=a.split("#")[0].match(/[^?=&]+=([^&]*)?/g);b=0;for(var c;c=a[b];++b)if(c.indexOf("url")===0){b=unescape(c.split("=")[1]);break a}}b=void 0}_gaq.push(["_trackSocial","twitter","tweet",b])}})})})(window);
			/* ]]> */
		</script>
		
	<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,700&amp;subset=latin,cyrillic-ext,latin-ext,cyrillic" rel="stylesheet" type="text/css">
	<link href="http://fonts.googleapis.com/css?family=Playball" rel="stylesheet" type="text/css">
		
	<style type="text/css">.cf-hidden { display: none; } .cf-invisible { visibility: hidden; }</style>
	
</head>
		
	<body class="common-home" style="">
		<a id="hidden" href="<?php echo $this->webroot; ?>"></a>
		<div class="swipe-left"></div>
		<div id="body">
			<div class="swipe" style="height: 689px;">
				<div class="swipe-menu">
				
					<ul class="links">		
									
						<li class="first">
							<a class="active" href="<?php echo $this->webroot; ?>">
								<i class="icon-home"></i>
								Trang chủ
							</a>
						</li>
						
						<li>
							<a class="" href="#" id="wishlist-total">
								<i class="icon-star"></i>
								Wish List (0)
							</a>
						</li>
						
						<li>
							<a class="" href="#">
								<i class="icon-user"></i>
								My Account
							</a>
						</li>
						
						<li>
							<a class="" href="#">
								<i class="icon-shopping-cart"></i>
								Shopping Cart
							</a>
						</li>
						
						<li>
							<a class="" href="#">
								<i class="icon-check"></i>
								Checkout
							</a>
						</li>
						
						<li class="login_h">
							<a href="#">
								<i class="icon-lock"></i>
								Log In
							</a>
						</li>
						
						<li>
							<a href="#">
								<i class="icon-file-alt"></i>
								Create an account
							</a>
						</li>
					</ul>
					
					<ul class="foot">
						<li><a href="#">About Us</a></li>
						<li><a href="#">Delivery</a></li>
						<li><a href="#">Privacy Policy</a></li>
					</ul>
					
					<ul class="foot foot-1">
						<li><a href="#">Contact Us</a></li>
						<li><a href="#">Returns</a></li>
						<li><a href="#">Site Map</a></li>
					</ul>
					
					<ul class="foot foot-2">
						<li><a href="#">Brands</a></li>
						<li><a href="#">Gift Vouchers</a></li>
						<li><a href="#">Affiliates</a></li>
						<li><a href="#">Specials</a></li>
					</ul>
					
					<ul class="foot foot-3">
						<li><a href="#">Order History</a></li>
						<li><a href="#">Newsletter</a></li>
					</ul>
					
				</div>
			</div>
			<div id="page">
				<div id="shadow">
					<div class="shadow" style="height: 1204px;"></div>
					<header id="header">
						<div class="container">
							<div class="row">
								<div class="span12">
								
									<div class="top-site">
									
										<div class="right">
										
											<div id="search">
												<div class="inner">
													<div class="button-search">
														<i class="icon-search"></i>
														<span>SEARCH</span>
													</div>
													<input type="text" name="search" placeholder="" value="">
												</div>
											</div>
											
										</div>
										
										<div class="toprow">
											<ul class="links">
												
												<li class="first">
													<a class="active" href="<?php echo $this->webroot; ?>">
														<i class="icon-home"></i>
														Trang chủ
													</a>
												</li>
												
												<li>
													<a class="" href="<?php echo $this->webroot; ?>contacts">
														<i class="icon-user"></i>Liên hệ
													</a>
												</li>
												
												<li>
													<a class="" href="<?php echo $this->webroot; ?>delivery">
														<i class="icon-shopping-cart"></i>Giao hàng
													</a>
												</li>
											</ul>
											<div class="clear"></div>
										</div>
									</div>
									
									<div class="container">
										<div class="row">
											<div class="span12">
												<div class="toprow-1">
													<a class="swipe-control" href="#">
														<i class="icon-reorder"></i>
													</a>
													<div class="top-search">
														<i class="icon-search"></i>
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="span12 logo-container">
												
												<div id="logo">
													<a href="<?php echo $this->webroot; ?>">
														<?php echo $this->Html->image('logo.png', array('alt' => 'Flowers Store')); ?>
													</a>
												</div>
												
												<div id="menu">
													
													<script type="text/javascript">
														$(document).ready(function(){						
															$('.menu ul li').last().addClass('last');
															$('.menu ul li li').last().addClass('last');
														});
													</script>
													
													<ul class="menu sf-js-enabled">
														<li class="cat_1">
															<a href="<?php echo $this->webroot; ?>mostView">Sản phẩm bán chạy</a>
														</li>
														<li class="cat_3">
															<a href="<?php echo $this->webroot; ?>special">Sản phẩm nổi bật</a>
														</li>
														<li class="cat_4">
															<a href="<?php echo $this->webroot; ?>saleOff">Khuyến mãi</a>
														</li>
													</ul>
													<div class="clear"></div>
												</div>
											</div>
										</div>
										
										<div class="row">
											<div class="span12">
												<div id="menu-gadget">
												
													<div id="menu-icon">Categories</div>
													
													<ul id="nav" class="sf-menu-phone">
													
														<li>
															<a href="#">Congratulation</a>
														</li>
														
														<li>
															<a href="3">Family  flowers</a>
														</li>
														
														<li>	
															<a href="3">Funeral</a>
														</li>
														
														<li>
															<a href="3">Get  well</a>
														</li>
														
														<li>
															<a href="3">Mixed </a>
														</li>
													</ul>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</header>
					<section>
					
						<?php if($title_for_layout == 'Trang chủ') { ?>
							<div class="header-modules">
								<div class="container">
									<div class="row">
										<script>
											jQuery(function(){
												jQuery('#camera_wrap_0').camera({
													fx: 'stampede',
													navigation: true,
													playPause: false,
													thumbnails: false,
													navigationHover: false,
													barPosition: 'top',
													loader: false,
													time: 6000,
													transPeriod:800,
													alignment: 'center',
													autoAdvance: true,
													mobileAutoAdvance: true,
													barDirection: 'leftToRight', 
													barPosition: 'bottom',
													easing: 'easeInOutExpo',
													fx: 'scrollHorz',
													height: '43.2%',
													minHeight: '90px',
													hover: true,
													pagination: false,
													loaderColor			: '#1f1f1f', 
													loaderBgColor		: 'transparent',
													loaderOpacity		: 1,
													loaderPadding		: 0,
													loaderStroke		: 3
													});
											});
										</script>
										
										<div class="fluid_container span9">
											<div id="camera_wrap_0" class="camera_wrap" style="display: block; height: 376px;">
												<div class="camera_fakehover">
													
													<div class="camera_src camerastarted camerasliding">
													
														<div title="slide-1" data-thumb="http://livedemo00.template-help.com/opencart_47588/image/cache/data/slide-1-868x375.jpg" data-link="#" data-src="http://livedemo00.template-help.com/opencart_47588/image/cache/data/slide-1-868x375.jpg">
														</div>
														
														<div title="slide-2" data-thumb="http://livedemo00.template-help.com/opencart_47588/image/cache/data/slide-2-868x375.jpg" data-link="#" data-src="http://livedemo00.template-help.com/opencart_47588/image/cache/data/slide-2-868x375.jpg">
														</div>
														
														<div title="slide-3" data-thumb="http://livedemo00.template-help.com/opencart_47588/image/cache/data/slide-3-868x375.jpg" data-link="#" data-src="http://livedemo00.template-help.com/opencart_47588/image/cache/data/slide-3-868x375.jpg">
														</div>
														
													</div>
													
													<div class="camera_target">
														<div class="cameraCont">
														
															<div class="cameraSlide cameraSlide_0" style="visibility: visible; display: none; z-index: 1; margin-left: 0px; margin-top: 0px;">
																<img src="http://livedemo00.template-help.com/opencart_47588/image/cache/data/slide-1-868x375.jpg" class="imgLoaded" data-alignment="" data-portrait="" width="868" height="375" style="visibility: visible; height: 376px; margin-left: -0.15733333333332666px; margin-top: 0px; position: absolute; width: 870.3146666666667px;">
																<div class="camerarelative" style="width: 870px; height: 376px;"></div>
															</div>
															
															<div class="cameraSlide cameraSlide_1 cameracurrent" style="display: block; z-index: 999; margin-left: -648.6981669676655px; margin-top: 0px;">
																<img src="http://livedemo00.template-help.com/opencart_47588/image/cache/data/slide-2-868x375.jpg" class="imgLoaded" data-alignment="" data-portrait="" width="868" height="375" style="visibility: visible; height: 376px; margin-top: 0px; position: absolute; margin-left: -0.15733333333332666px; width: 870.3146666666667px;">
																<div class="camerarelative" style="width: 870px; height: 376px;"></div>
															</div>
															
															<div class="cameraSlide cameraSlide_2 cameranext" style="display: none; z-index: 1; margin-left: 0px; margin-top: 0px;">
																<img src="http://livedemo00.template-help.com/opencart_47588/image/cache/data/slide-3-868x375.jpg" class="imgLoaded" data-alignment="" data-portrait="" width="868" height="375" style="visibility: visible; height: 376px; margin-left: -0.15733333333332666px; margin-top: 0px; position: absolute; width: 870.3146666666667px;">
																<div class="camerarelative" style="width: 870px; height: 376px;"></div>
															</div>
															
															<div class="cameraSlide cameraSlide_3 cameranext" style="z-index: 1; display: none;">
																<div class="camerarelative" style="width: 870px; height: 376px;"></div>
															</div>
															
															<div class="cameraappended" style="display: block; overflow: hidden; position: absolute; z-index: 1000; height: 376.74563007697435px; left: 0px; top: 0px; width: 870.7456300769743px; margin-left: 221.30183303233446px; margin-top: 0px;">
																<div class="cameraSlide cameraSlide_2 cameranext" style="z-index: 1; margin-left: 0px; margin-top: 0px; height: 376px; width: 870px;">
																	<img src="http://livedemo00.template-help.com/opencart_47588/image/cache/data/slide-3-868x375.jpg" class="imgLoaded" data-alignment="" data-portrait="" width="868" height="375" style="visibility: visible; height: 376px; margin-left: -0.15733333333332666px; margin-top: 0px; position: absolute; width: 870.3146666666667px;">
																	<div class="camerarelative" style="width: 870px; height: 376px;"></div>
																</div>
															</div>
															
														</div>
													</div>
													
													<div class="camera_overlayer"></div>
													
													<div class="camera_target_content">
														<div class="cameraContents">
														
															<div class="cameraContent" style="display: none;">
																<a class="camera_link" href="http://livedemo00.template-help.com/opencart_47588/index.php?route=product/product&product_id=32" target=""></a>
															</div>
															
															<div class="cameraContent cameracurrent" style="display: block; opacity: 0.059211111111111214;">
																<a class="camera_link" href="http://livedemo00.template-help.com/opencart_47588/index.php?route=product/product&product_id=28" target=""></a>
															</div>
															
															<div class="cameraContent" style="display: none;">
																<a class="camera_link" href="http://livedemo00.template-help.com/opencart_47588/index.php?route=product/product&product_id=29" target=""></a>
															</div>
															
														</div>
													</div>
													
													<div class="camera_bar" style="display: none; top: auto; height: 3px;"><span class="camera_bar_cont" style="opacity: 1; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background-color: transparent;"><span id="pie_0" style="opacity: 0; position: absolute; background-color: rgb(31, 31, 31); left: 0px; right: 0px; top: 0px; bottom: 0px; display: block;"></span></span></div>
													<div class="camera_prev"><span></span></div>
													<div class="camera_next"><span></span></div>
												</div>
												
												<div class="camera_loader" style="display: none; visibility: visible;"></div>
											</div>
											<div class="clear"></div>
										</div>
										<div id="banner0" class="banner">
											<div class="span3 banner-1">
											
												<a href="3">
													<div class="s-desc">
														<h1>birthday Flowers</h1>
														<p>Lorem ipsum dolor sit amet,
															consectetur adipiscing elit.
														</p>
														<span>
															<h2>save up to</h2>
															50%
														</span>
													</div>
													<?php echo $this->Html->image('banner-1-268x212.jpg', array('alt' => 'banner-1')); ?>
													<span class="line-banner"></span>
												</a>
												
											</div>
										</div>
										
										<div id="banner1" class="banner">
											<div class="span3 banner-2">
												<a href="<?php echo $this->webroot; ?>delivery">
													<div class="s-desc">
														<h1>Giao hàng miễn phí</h1>
														với hóa đơn trên $50
													</div>
													<?php echo $this->Html->image('banner-2-270x129.jpg', array('alt' => 'banner-2')); ?>
													<span class="line-banner"></span>
												</a>
											</div>
										</div>
										
										<div class="clear"></div>
									</div>
								</div>
							</div>
						<?php } ?>
						
						<div class="clear"></div>
						<div id="container">
							<div class="container">
								<div id="notification"></div>
								<div class="row">
									<div class="span12">
										<div class="row">
											<div class="span9  " id="content">
												
												<script type="text/javascript">
													if ($('.container').width() > 723) {
														(function($){$.fn.equalHeights=function(minHeight,maxHeight){tallest=(minHeight)?minHeight:0;this.each(function(){if($(this).height()>tallest){tallest=$(this).height()}});if((maxHeight)&&tallest>maxHeight)tallest=maxHeight;return this.each(function(){$(this).height(tallest)})}})(jQuery)
														$(window).load(function(){
															if($(".maxheight-feat").length){
															$(".maxheight-feat").equalHeights()}
														});
														window.onresize = function ()
															{
																//alert('');
															}
														};
												</script>
												
												<?php echo $this->fetch('content'); ?>
											</div>
											<aside class="span3" id="column-left">
												<div class="clear"></div>
												<div class="box man">
												
													<div class="box-heading"><span>Danh mục sản phẩm</span></div>
													
													<div class="box-content">
													
														<ul class="info">

															<?php foreach($categoryList as $item): ?>
															    <li>
																	<a href="<?php echo $this->webroot; ?>category?categoryId=<?php echo $item['Category']['id']; ?>"><?php echo $item['Category']['category_name']; ?></a>
																</li>
															<?php endforeach; ?>
															
														</ul>
														
														<div class="clear"></div>
													</div>
												</div>
												
												<script type="text/javascript">
													if ($('.container').width() > 723) {
														(function($){$.fn.equalHeights=function(minHeight,maxHeight){tallest=(minHeight)?minHeight:0;this.each(function(){if($(this).height()>tallest){tallest=$(this).height()}});if((maxHeight)&&tallest>maxHeight)tallest=maxHeight;return this.each(function(){$(this).height(tallest)})}})(jQuery)
													$(window).load(function(){
														if($(".maxheight-spec").length){
														$(".maxheight-spec").equalHeights()}
													});
													};
												</script>
												
												<?php if($mostView != null) { ?>
													<div class="box specials">
													
														<div class="box-heading special-heading">Xem nhiều nhất</div>
														
														<div class="box-content">
															<div class="box-product">
																<ul class="row">
																	<li class="first-in-line last_line span3">
																	
																		<script type="text/javascript">
																			$(document).ready(function(){
																				$("a.colorbox-1").colorbox({
																				rel: 'colorbox1',
																				inline:true,
																				html: true,
																				width:'58%',
																				maxWidth:'780px',
																				height:'70%',
																				opacity:0.6,
																				open:false,
																				returnFocus:false,
																				fixed: false,
																				title: false,
																				href:'.quick-view-1',
																				current:'Product {current} of {total}'
																				});
																				 });
																		</script>
																		
																		<div class="image2">
																			
																			<a href="<?php echo $this->webroot; ?>productDetail?productId=<?php echo $mostView['Product']['id']; ?>">
																				<?php echo $this->Html->image($mostView['Product']['sub_img1'], array('alt' => $mostView['Product']['product_name'])); ?>
																			</a>
																								
																			<a href="" rel="colorbox" class="colorbox-1 quick-view-button cboxElement">
																				<i class=" icon-search "></i>
																			</a>
																			
																		</div>
																		
																		<div style="display:none;">
																			<div class="quick-view-1 preview">
																				<div class="wrapper marg row-fluid">
																					
																					<div class="left span4">
																						<div class="image3">
																							<a href="<?php echo $this->webroot; ?>productDetail?productId=<?php echo $mostView['Product']['id']; ?>">
																								<?php echo $this->Html->image($mostView['Product']['sub_img1'], array('alt' => $mostView['Product']['product_name'])); ?>
																							</a>
																						</div>
																					</div>
																					
																					<div class="right span8">
																					
																						<h2><?php echo $mostView['Product']['product_name']; ?></h2>
																						
																						<div class="inf">
																							
																							<span class="manufacture">Xuất xứ: 
																								<a href="#">
																									<?php echo $mostView['Product']['made_in']; ?>
																								</a>
																							</span>
																							
																							<span class="prod-stock-2">Tình trạng:</span>
																							
																							<?php if($mostView['Product']['status'] == '1') { ?>
																								<div class="prod-stock">Còn hàng</div>
																							<?php } else { ?>
																								<div class="prod-stock">Hết hàng</div>
																							<?php } ?>
																							
																							<div class="price">
																								<span class="text-price">Giá: </span>
																								
																								<?php if($mostView['Product']['sale_off'] == '0') { ?>
																									<span class="price-new">$<?php echo $mostView['Product']['price']; ?></span>
																								<?php } else { ?>
																									<span class="price-new">$<?php echo $mostView['Product']['sale_off']; ?></span>
																									<span class="price-old">$<?php echo $mostView['Product']['price']; ?></span>
																								<?php } ?>
																								
																							</div>
																							
																						</div>
																						
																						<div class="cart-button">
																							
																							<div class="prev_button">
																								<a href="<?php echo $this->webroot; ?>productDetail?productId=<?php echo $mostView['Product']['id']; ?>" class="button details">
																									<span>Chi Tiết</span>
																								</a>
																							</div>
																							
																							<!--<div class="wishlist">
																								<a class="tooltip-1" title="" data-original-title="Facebook">
																								<i class="icon-star"></i>
																								<span>Facebook</span>
																								</a>
																							</div>
																							
																							<div class="wishlist">
																								<a class="tooltip-1" title="" data-original-title="Twitter">
																								<i class="icon-star"></i>
																								<span>Twitter</span>
																								</a>
																							</div>--!>
																							
																							<span class="clear"></span>
																						</div>
																						<div class="clear"></div>
																					</div>
																				</div>
																				
																				<div class="description">
																					<p><?php echo $mostView['Product']['detail']; ?></p>
																				</div>
																				
																			</div>
																		</div>
																		
																		<div class="inner">
																			
																			<div class="f-left">
																			
																				<div class="name">
																					<a class="maxheight-spec" href="<?php echo $this->webroot; ?>productDetail?productId=<?php echo $mostView['Product']['id']; ?>" style="height: 17px;"><?php echo $mostView['Product']['product_name']; ?></a>
																				</div>
																				
																				
																				<div class="price">
																					<?php if($mostView['Product']['sale_off'] == '0') { ?>
																						<span class="price-new">$<?php echo $mostView['Product']['price']; ?></span>
																					<?php } else { ?>
																						<span class="price-new">$<?php echo $mostView['Product']['sale_off']; ?></span>
																						<span class="price-old">$<?php echo $mostView['Product']['price']; ?></span>
																					<?php } ?>
																				</div>
																				
																			</div>
																			
																			<div class="cart-button">
																				<a href="<?php echo $this->webroot; ?>productDetail?productId=<?php echo $mostView['Product']['id']; ?>" class="button details">
																					<span>Chi Tiết</span>
																				</a>
																											
																				<span class="clear"></span>
																			</div>
																			
																			<div class="clear"></div>
																		</div>
																		
																		<div class="clear"></div>
																	</li>
																</ul>
															</div>
														</div>
													</div>
												<?php } ?>
											</aside>
										</div>
									</div>
									<div class="clear"></div>
								</div>
							</div>
						</div>
						<div class="clear"></div>
					</section>
					
					<footer>
						<div class="container">
							<div class="footer-block">
								<div class="row">
								
									<div class="span2">
										<h3>Thông tin</h3>
										<ul>
											<li><a href="<?php echo $this->webroot; ?>contacts">Liên hệ</a></li>
											<li><a href="<?php echo $this->webroot; ?>delivery">Giao nhận hàng</a></li>
										</ul>
									</div>
									
									<div class="span2">
										<h3>Mạng xã hội</h3>
										<ul>
											<li><a href="#">Facebook</a></li>
											<li><a href="#">Twitter</a></li>
										</ul>
									</div>
									
									<div class="span2 footer-phone">
										<h3>Hỗ trợ trực tuyến</h3>
										<div class="foot-phone">
										
											<div class="extra-wrap">
												<div>1-800-234-5677</div>
												<div>1-800-256-5677</div>
											</div>
											
										</div>
									</div>
									
								</div>
							</div>
						</div>
						
						<div class="container">
							<div class="row">
								<div class="span12">
									<div id="powered">
										<div>
										
											<span class="pow">
												<!-- [[%FOOTER_LINK]] -->
											</span>
											
											<ul class="social">
											
												<li>
													<a href="#" class="tooltip-2" title="" data-original-title="Facebook">
														<i class=" icon-facebook"></i>
													</a>
												</li>
												
												<li>
													<a href="#" class="tooltip-2" title="" data-original-title="Twitter">
														<i class=" icon-twitter"></i>
													</a>
												</li>
												
												<li>
													<a href="#" class="tooltip-2" title="" data-original-title="Google+">
														<i class="icon-google-plus"></i>
													</a>
												</li>
												
											</ul>
											
										</div>
										
										<p id="back-top">
											<a href="#top">
												<span></span>
											</a> 
										</p>
										
									</div>
								</div>
							</div>
						</div>
					</footer>
					
					<script type="text/javascript" src="js/livesearch.js"></script>
				</div>
			</div>
		</div>
		
		<script type="text/javascript">/* CloudFlare analytics upgrade */</script>
		<div id="fancybox-tmp"></div>
		<div id="fancybox-loading">
			<div></div>
		</div>
		<div id="fancybox-overlay"></div>
		<div id="fancybox-wrap">
			<div id="fancybox-outer">
				<div class="fancybox-bg" id="fancybox-bg-n"></div>
				<div class="fancybox-bg" id="fancybox-bg-ne"></div>
				<div class="fancybox-bg" id="fancybox-bg-e"></div>
				<div class="fancybox-bg" id="fancybox-bg-se"></div>
				<div class="fancybox-bg" id="fancybox-bg-s"></div>
				<div class="fancybox-bg" id="fancybox-bg-sw"></div>
				<div class="fancybox-bg" id="fancybox-bg-w"></div>
				<div class="fancybox-bg" id="fancybox-bg-nw"></div>
				<div id="fancybox-content"></div>
				<a id="fancybox-close"></a>
				<div id="fancybox-title"></div>
				<a href="javascript:;" id="fancybox-left"><span class="fancy-ico" id="fancybox-left-ico"></span></a><a href="javascript:;" id="fancybox-right"><span class="fancy-ico" id="fancybox-right-ico"></span></a>
			</div>
		</div>
		<div id="cboxOverlay" style="display: none;"></div>
		<div id="colorbox" class="" style="display: none; padding-bottom: 57px; padding-right: 28px;">
			<div id="cboxWrapper">
				<div>
					<div id="cboxTopLeft" style="float: left;"></div>
					<div id="cboxTopCenter" style="float: left;"></div>
					<div id="cboxTopRight" style="float: left;"></div>
				</div>
				<div style="clear: left;">
					<div id="cboxMiddleLeft" style="float: left;"></div>
					<div id="cboxContent" style="float: left;">
						<div id="cboxLoadedContent" style="width: 0px; height: 0px; overflow: hidden; float: left;"></div>
						<div id="cboxLoadingOverlay" style="float: left;"></div>
						<div id="cboxLoadingGraphic" style="float: left;"></div>
						<div id="cboxTitle" style="float: left;"></div>
						<div id="cboxCurrent" style="float: left;"></div>
						<div id="cboxNext" style="float: left;"></div>
						<div id="cboxPrevious" style="float: left;"></div>
						<div id="cboxSlideshow" style="float: left;"></div>
						<div id="cboxClose" style="float: left;"></div>
					</div>
					<div id="cboxMiddleRight" style="float: left;"></div>
				</div>
				<div style="clear: left;">
					<div id="cboxBottomLeft" style="float: left;"></div>
					<div id="cboxBottomCenter" style="float: left;"></div>
					<div id="cboxBottomRight" style="float: left;"></div>
				</div>
			</div>
			<div style="position: absolute; width: 9999px; visibility: hidden; display: none;"></div>
		</div>
	</body>
</html>
